<%@ taglib uri="/struts-tags" prefix="s"%>


<script language="javascript">
var oTableGrilla;

$(document).ready(function() {

	oTableGrilla = $('#tbGrillaOrdenesCompra').dataTable({
		"bJQueryUI": true,
		"sPaginationType" : "full_numbers",
		"bFilter" : false,
		"bProcessing": true,
		"fnDrawCallback": function(oSettings){
		  $('table#tbGrillaOrdenesCompra td').bind('mouseenter', function () {
			   $(this).parent().children().each(function(){$(this).addClass('datatablerowhighlight');}); });
		  $('table#tbGrillaOrdenesCompra td').bind('mouseleave', function () { 
		  	   $(this).parent().children().each(function(){$(this).removeClass('datatablerowhighlight');}); });
			   
		},
		"sAjaxSource": "/SolucionPresentacionWeb/compras/listar-ordenes-compra.action",
		"aoColumns" : 
			[ 
			{"mData" : "numeroOrdenCompra"}, 
			{"mData" : "nombreProveedor"},
			{"mData" : "formaPago"},
			{"mData" : "tiempoEntrega"}, 
			{"mData" : "fechaGeneracion"},
			{"mData" : "descripEstado"}
			]
	
	});
	
		
	$('#tbGrillaOrdenesCompra tbody tr').live('click', function(e) {
		
		if ($(this).hasClass('row_selected')) {
			$(this).removeClass('row_selected');
		} else {
			oTableGrilla.$('tr.row_selected').removeClass('row_selected');
			$(this).addClass('row_selected');
		}
		
		var nTds = $('td', this);
		var id = $(nTds[0]).text();
		$("#h_numOrdenCompra").val(id);
		//$("#h_descripArticulo").val(descrip);
		//alert(id);
	});
    
	$("#fechaGeneracionDesde").datepicker({
		defaultDate: "+1w",
		dateFormat : "dd-mm-yy",
		changeMonth: true,
		changeYear: true,
		onClose : function(selectedDate) {
			$("#fechaGeneracionHasta").datepicker("option", "minDate", selectedDate);
		}
	});

	$("#fechaGeneracionHasta").datepicker({
		maxDate : "+0D",
		dateFormat : "dd-mm-yy",
		changeMonth: true,
		changeYear: true,
		onClose : function(selectedDate) {
			$("#fechaGeneracionDesde").datepicker("option", "maxDate", selectedDate);
		}
	});
	    

} );

function filtrar(){
	
	
	parametros = {
			"criteria.idProveedor": $('#idProveedor').val(),
			"fechaGeneracionDesde": $('#fechaGeneracionDesde').val(),
			"fechaGeneracionHasta": $('#fechaGeneracionHasta').val(),
			"criteria.estado": $('#estado').val()
		 };
	

	$.getJSON("/SolucionPresentacionWeb/compras/filtrar-ordenes-compra.action", parametros, function(json){
		var oSettings = oTableGrilla.fnSettings();
		oTableGrilla.fnClearTable(this);
	    for (var i=0; i<json.aaData.length; i++)
	    {
	    	oTableGrilla.oApi._fnAddData(oSettings, json.aaData[i]);
	    }
	    oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
		oTableGrilla.fnDraw();
	});
	
}

function evaluar(){
	numOrdenCompra = $('#h_numOrdenCompra').val();
	if(numOrdenCompra != ""){
		location.href='/SolucionPresentacionWeb/compras/detalle-autorizar-orden.action?numeroOrden='+numOrdenCompra;
	}
}

</script>
<br />
<!-- Tabs -->

<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Autorizar Orden de Compra</a></li>
	</ul>
	<div id="tabs-1">

			
   <s:form theme="simple">
   
   
            <table width="100%" border="0" cellspacing="1" cellpadding="3" id="formtb" bgcolor="#647251">
              <tr>
                <td colspan="2"><strong>Filtrado</strong></td>
              </tr>
  <tr>
    <td width="21%">Proveedor</td>
    <td width="79%">
    
    <s:select listKey="idPersona" listValue="nombres"
							headerKey="-1" headerValue="--- Seleccione ---"
							list="listaProveedores" name="criteria.idProveedor" id="idProveedor" />
    
    </td>
  </tr>
  <tr>
    <td>Fecha Generacion</td>
    <td>
    <s:textfield name="fechaGeneracionDesde" id="fechaGeneracionDesde" /> hasta 
    <s:textfield name="fechaGeneracionHasta" id="fechaGeneracionHasta" /></td>
  </tr>
  <tr>
    <td>Estado</td>
    <td>
    
        <s:select listKey="valor" listValue="descriptivo"
							headerKey="-1" headerValue="--- Seleccione ---"
							list="listEstados" name="criteria.estado" id="estado" />
    
    </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>
      <input type="button" value="Buscar" class="button" onclick="filtrar()" />
      </td>
  </tr>

		  <tr>
		    <td colspan="2">&nbsp;</td>
	      </tr>

		  <tr>
		    <td colspan="2">
		    <s:hidden name="h_numOrdenCompra" id="h_numOrdenCompra" />
		    
		    <s:a href="javascript:void(0)" cssClass="button" onclick="evaluar()">Evaluar</s:a>
		    
            </td>
	      </tr>
		  <tr>
		    <td colspan="2"><table cellpadding="0" cellspacing="0" border="0" class="display" id="tbGrillaOrdenesCompra">
	<thead>
		<tr>
			<th>Numero Orden Compra</th>
			<th>Proveedor</th>
			<th>Forma Pago</th>
			<th>Tiempo Entrega</th>
			<th>Fecha Generacion</th>
			<th>Estado</th>
			</tr>
	</thead>
	<tbody>

	</tbody>
</table></td>
	      </tr>
		  <tr>
		    <td colspan="2"><input type="submit" name="button4" id="button5" value="Salir" class="button" /></td>
	      </tr>
      </table>
   
   </s:form>
   
   

	</div>

</div>